<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>“丧葬费、一次性救济费”领取及“个人帐户余额”继承资格证明</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../layui/css/layui.css">

    <style lang="">
 body{
            background-color: #fff;
        }
       .ok-body {
            width: 100%;
            height: 100%;

        }
        .frmBox{
            width: 90%;
            position: absolute;
            top: 0;left: 0;
            right: 0;
            bottom: 0;
            margin: auto auto;
            /* background-color: pink; */

        }
        .submitForm{
            width: 100%;
            position: absolute;
            top: 0;left: 0;
            right: 0;
            bottom: 0;
            margin: auto auto;
            display:flex;
            justify-content: top;
            align-items: center;
            flex-direction: column;
            /* background-color: gold; */
        }
        table{
        width:680px;
        margin-top: 30px;
    }
    h2{
        margin-top: 5%;
        margin-bottom: 5%;
    }
     
        .last {
            height: 300px;
        }

        .p1 {
            margin-left: 6%;
            margin-top: 4%;
            margin-bottom: 4%;
        }

        .p2 {
            float: right;
            margin-right: 40%;
        }

        .p3 {
            float: left;
            margin-left: 6%;

        }

        .p4 {
            position: absolute;
            top: 23%;
            right: 15%;
        }
        td{
            height: 60px;
            text-align: center;
        }
        input{
            width: 100%;
        }
        .place{
            height: 150px;
            text-align: center;
            vertical-align: middle;
            line-height: 120px;
        }
        h2{
            margin-bottom: 20px;
        }
        .header{
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .time{
            margin-right: 140px;
        }
        .txt5{
           margin-left: 44px;
        }
        .btn_box{
            margin-top: 40px;
            margin-bottom: 20px;
        }
        #btnPrint{
        background-color: #2f81ff;
        margin-right: 30px;
    }
    #btnBack{
        background-color: #ff8400;
    }
    input{
        border: none;
    }
    .footer{
        margin-left: -10%;
    }
    #ftBox{
        position: relative;;
       top:0px;
       bottom: 0px;
       right:0px;
       left: -25%;
       /* margin-top: 50px;   
        margin-left: -20%; */
        width: auto;

    }
    #ftBox p:last-child{
        float: right;
    }
    .image{
    position:relative;
    }
    #bg{
        position:absolute;
        top:10%;
        bottom: 0px;
        right: 5%;
        left: 0px;
        margin: 10px -40px;
    }

    </style>

<style media="print">
    @page {
            size: auto;  /* auto is the initial value */
            margin:0mm; /* this affects the margin in the printer settings */
        }
</style>

</head>

<body>
    <div id="outBox">
        <div class="image" id="a">

        </div>
        <div class="ok-body" id="priBox">

            <div  class="frmBox">
    
                <form id="submitForm" class="submitForm">
                    <table class=" table-hover">
                        <thead>
                            <caption style=" caption-side: top;">
                                <h2>“丧葬费、一次性救济费”领取及“个人帐户余额”继承资格证明</h2>
                            </caption>
                        </thead>
    
                        <tbody>
                            <tr>
                                <td valign="center" rowspan="1" colspan="4"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    死亡人员基本情况
                                </td>
    
    
                            </tr>
    
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    姓名
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    <input type="text" readonly style="width: 90%;text-align: center;"  name="" id="recordname">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    身份证号
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px;border-width: 1px; border-style: solid;">
                                <input type="text" readonly  name="" style="width: 90%;text-align: center;" id="idNumber">
    
                               </td>
    
    
                            </tr>
    
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    人员类别
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    <input type="text" name="" style="width: 90%;text-align: center;" id="lbVal">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    死亡时间
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px;border-width: 1px; border-style: solid;">
                                <input type="text" name="" id=""  style="width: 90%;text-align: center;">
                               </td>
    
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="1" colspan="4"
                                    style=" width:40px; height: 50px; border-width: 1px; border-style: solid;">
                               
                                </td>
                                
    
                            </tr>
    
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    姓名
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    身份证号
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px;border-width: 1px; border-style: solid;">
                               </td>
    
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                   与死亡人员关系
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    家庭住址
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px;border-width: 1px; border-style: solid;">
                               </td>
    
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    工作单位
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                   联系电话
                                </td>
                                <td valign="center" rowspan="1" colspan="1"
                                style=" width:40px;border-width: 1px; border-style: solid;">
                               </td>
    
    
                            </tr>
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    管理单位意见
                                </td>
                                <td valign="center" rowspan="1" colspan="3"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                    <div class="place">
                                        单位:(章)
    
                                    </div>
                                </td>
                        
    
    
                            </tr>
    
                            <tr>
                                <td valign="center" rowspan="1" colspan="1"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                   备注
                                </td>
                                <td valign="center" rowspan="1" colspan="3"
                                    style=" width:40px;border-width: 1px; border-style: solid;">
                                </td>
                            </tr>
    
                           
                        </tbody>
                    </table>
                    <div class="footer">
                        <div class="header">
                            <p>经办人:</p>
                            <p>联系电话:</p>
                            <p class="time">制表时间:</p>
                        </div>
                     
                        <p>说明：1、本表一式两份，管理单位留存一份，社保经办机构留存一份。</p>
                         <p class="txt5">      2、本表管理单位盖章有效。</p>
                         <p class="txt5">      3、办理“丧葬费、一次性救济费”领取及“个人账户余额”继承时需携带下列材料：</p>
                         <p class="txt5">      （1）死亡证明原件；</p>
                         <p class="txt5">      （2）《离休、退休（职）人员及遗属减少表》；</p>
                         <p class="txt5">      （3）领取（继承）人身份证原件及复印件；</p>
                         <p class="txt5">      （4）有个人账户余额的还需提供《济南市企业职工退休审批表》。</p>
        
                    </div>
                    <div class="ftBox" id="ftBox" style= " float: left ; display: none;margin-top: 90px;">
                               
                    </div>
                    <div class="btn_box">
                    
                        <div class="layui-btn" id="btnPrint">
                        打印
                        </div>
                        <!-- <div class="layui-btn" id="btnBack">
                            返回
                        </div> -->

                    </div>
    
    
                </form>
            
            </div>
    
    
    
        </div>
    </div>
  
    <!--js逻辑-->
    <script src="../../../lib/layui/layui.js"></script>
    <script src="../../../plugins/jquery/jquery-2.1.0.js"></script>
    <script src="../../../plugins/jquery/jQuery.print.js"></script>
    <script src="../../../js/print.js"></script>
    <script type="text/javascript" src="../../../lib/loading/okLoading.js"></script>

    <script>
        layui.use(["element", "table", "form", "jquery", "laydate", "okLayer", "okUtils", "okMock"], function () {
            let table = layui.table;
            let form = layui.form;
            let laydate = layui.laydate;
            let okLayer = layui.okLayer;
            let okUtils = layui.okUtils;
            let okMock = layui.okMock;
            let $ = layui.jquery;
			okLoading.close($);

            okUtils.ajax("../../../data/navs.json", "get", true).done(function (res) {
                    console.log(res)
                    var usernameVal = res.data[0].recordname
                    console.log(usernameVal)
                    var idVal = res.data[0].idnumber
                    var textVal = res.data[0].title
                    var sexVal = res.data[0].sex
                    var addtVal = res.data[0].address
                    var txVal = res.data[0].tuixiutime
                    var lbVal = res.data[0].leibie


                    $("#recordname").val(usernameVal);
                    $("#idNumber").val(idVal);
                    $("#txt").val(textVal);
                    $("#address").val(addtVal);
                    $("#sex").val(sexVal);
                    $("#txtime").val(txVal);
                    $("#lbVal").val(lbVal);




                    }).fail(function (error) {
                    console.log(error)
	             	});
         





        })
    </script>

</body>

</html>
